<template>
  <div class="demo">
    <div class="box">
      <div class="color-box" style="background-color: #0a9fad">
        <h2 class="title">Primary</h2>
        <div class="text">#0a9fad</div>
      </div>
    </div>
    <div class="box">
      <div class="color-box" style="background-color: #0bc4d6">
        <h2 class="title">Primary Light</h2>
        <div class="text">#0bc4d6</div>
      </div>
    </div>
    <div class="box">
      <div class="color-box" style="background-color: #057782">
        <h2 class="title">Primary dark</h2>
        <div class="text">#057782</div>
      </div>
    </div>
  </div>
</template>
